<template>
    <div class='topicitem'>
        <div class="topicdet">
            <p class="topicimgbox"><img :src="list.coverMobileUrl" alt=""></p>
            <p class="title">#{{list.title}}#</p>
            <p class="textp" v-if="list.text">{{list.text[0]}}</p>
            <p class="textp" v-if="list.text">{{list.text[1]}}</p>
            <p class="textp" v-if="list.text">{{list.text[2]}}</p>

        </div>
    </div>
</template>

<script>
    import axios from "../../../../axios/index"
export default {
    
    data() {
        
        return {
            list:[]
        };
    },
    computed: {},
    watch: {},
    
    methods: {
        liaddset(){
            let actId=this.$route.params.id;
            axios.get(`/topic/detail?actid=${actId}`,{withCredentials:true})
                .then((res)=>{
                    console.log(res)
                    this.list=res.data.act
                })
        }
    },
    created() {
        this.liaddset()
    },
    mounted() {
        
    },
    components: {},
    }
</script>
<style scoped>
    .topicimgbox img{
        width: 100%;
    }
</style>